<template>
    <!-- pages/feedback/index.wxml -->
    <view>
        <view class="box">
            <textarea placeholder="写下您的想法或意见，我们将做的更好哦~" class="textarea" @input="onbindinput" :value="value"></textarea>
        </view>
        <view class="btn" @tap="onClick">提交</view>
    </view>
</template>

<script>
// pages/feedback/index.js
const app = getApp(); // 引入app

import _request from '../../utils/request.js';
export default {
    data() {
        return {
            imgUrl: app.globalData.imgUrl,
            //全局img路径
            value: ''
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad: function (options) {},
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {},
    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {},
    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {},
    methods: {
        // 获取意见反馈
        onbindinput(e) {
            this.setData({
                value: e.detail.value
            });
        },

        // 提交
        onClick() {
            _request
                .postObj('/settings/submitFeedback', {
                    userId: uni.getStorageSync('userid'),
                    subContent: this.value
                })
                .then((res) => {
                    if (res.data.code === 200) {
                        this.setData({
                            value: ''
                        });
                        uni.showToast({
                            title: '提交成功',
                            icon: 'none',
                            duration: 3000
                        });
                    }
                });
        }
    }
};
</script>
<style>
/* pages/feedback/index.wxss */
.box {
    background: #ffffff;
    width: 750rpx;
    height: 400rpx;
    padding: 50rpx 0;
}

.textarea {
    width: 670rpx;
    height: 400rpx;
    margin: 0 auto;
}

.btn {
    width: 670rpx;
    height: 88rpx;
    background: #ff8722;
    box-shadow: 0px 1px 6px 0px rgba(255, 135, 34, 0.6);
    border-radius: 22px;
    font-size: 32rpx;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #ffffff;
    line-height: 88rpx;
    text-shadow: 0px 1px 6px rgba(255, 135, 34, 0.6);
    text-align: center;
    margin: 50rpx auto;
}
</style>
